<template>
    <div class="about">
        <v-header />
        <v-sidebar />
        <div class="content-box" :class="{ 'content-collapse': collapse }">
            <div class="content">
                  <router-view ></router-view>
            </div>
        </div>
    </div>
</template>

<script>
import { computed } from "vue";
import { useStore } from "vuex";
import vHeader from '@/components/publicUserHeader';
import vSidebar from '@/components/publicUserAside';
export default {
    name: "publicUser",
    components: {
        vHeader,
        vSidebar,
    },
    setup() {
        const store = useStore();

        const collapse = computed(() => store.state.collapse);
        return {
            collapse,
        };
    },
};
</script>


<style scoped>

</style>